<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	@include('public.h5_head')
	@if(isset($ordernum))
	<title>{{ $produc_info->brand_name }}</title>
		@else
		<title>以往商品</title>
	@endif
	<script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/rem.js"></script>
	<link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/commoncss/common.css"/>
	<link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/scan.css"/>
	<link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/commoncss/swiper.min.css"/>
	{{--<link rel="stylesheet" href="/css/commoncss/default.css" />--}}
	<link rel="stylesheet" href="{{ env('CDN_DOMAIN_NAME') }}/css/commoncss/normalize.css" />
</head>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/app.js"></script>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/iscroll.js"></script>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/swiper.min.js"></script>
<body onload="loaded()">
<div id="scan">
	<div class="wrap">
		<div class="main_scan">
			@if(isset($ordernum))
			<div class="scan_top">
				<div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="swiper-zoom-container"><img src="{{ env('CDN_DOMAIN_NAME') }}/upload/{{ $produc_info->img }}"></div>
                           </div>
                    </div>
                </div>
			</div>
			
			<div class="scan_center">
				<ul>
					<li class="scan_li">
						<span class="scan_sp">品牌名称：</span>
						<p class="scan_p scan_brand">{{ $produc_info->brand_name }}</p>
					</li>
					<li class="scan_li">
						<span class="scan_sp">商品名称：</span>
						<p class="scan_p scan_name">{{ $produc_info->title }}</p>
					</li>
					<li class="scan_li">
						<span class="scan_sp">商品颜色：</span>
						<p class="scan_p scan_color">{{ $produc_info->color }}</p>
					</li>
					<li class="scan_lit">
						<span class="scan_span">店铺信息：</span>
						<p class="scan_infor">{{ $ordernum->addressee_place }}</p>
					</li>
				</ul>
			</div>
			@endif
			<div class="scan_bottom">
				<ul class="scan_ul">
					@foreach($imgs as $img)
					<li class="scan_pic"><img src="{{ env('CDN_DOMAIN_NAME') }}/dapin_img/{{ $path_name }}/{{ $img }}" alt="" /></li>
					@endforeach
				</ul>
			</div>
		</div>
	</div>
</div>
</body>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/jquery.waterfall.js"></script>
<script>
	/*滚动*/
	var myScroll;
	function loaded () {
		setTimeout(function(){
			myScroll = new IScroll('.wrap', {
				mouseWheel: true,
				click: true
			});
		},100);
	}
	document.addEventListener('touchmove', function (e) {e.preventDefault();},false);

	$(".scan_ul").waterfall({
		itemClass: ".scan_pic",
		minColCount:2,
		spacingHeight: 10,
		resizeable: true,
	})
</script>
</html>
